<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-12 13:43:30
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-10-29 14:19:18
 * @FilePath: \mould\src\views\QualityGridManage\BehaViorManage\quality-G-R-Manage\onlineRecordWork\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="tableInfo" id="tableInfoBox">
    <TableLyout>
      <template v-slot:serchbox>
        <publicForm
          ref="publicForm"
          :status="0"
          @yj_searchForm="yj_searchForm"
          lableWidth="110px"
          :formObj="searchObj"
          :formData="getList"
        >
        </publicForm>
      </template>

      <template v-slot:tabcom>
        <div class="tableInfo">
          <div class="app-container-btn">
            <el-button
              :disabled="item.disabled"
              type="primary"
              v-for="(item, index) in btnObj"
              :key="index"
              @click="getBtnName(item.fEncode, item.fOrder)"
              >{{ item.fFullname }}</el-button
            >
          </div>
         


          <el-table
            border
            fit
            :stripe="false"
            @row-click="rowChange"
            :highlight-current-row="true"
            :data="tableData"
            id="chartTableExpand"
            style="width: 100%"
            height="94%"
            ref="chartTable"
            @expand-change="rowChange"
          
            :row-key="(row) => row.fId"
            :expand-row-keys="expandRows"
          >
            <el-table-column
              type="index"
              width="50"
              label="序号"
              :index="hIndex"
              align="center"
            >
            </el-table-column>
            <el-table-column type="expand">
              <template slot-scope="scope">
                <div class="table">
                  <div class="tableInfo">
                    <el-table
                     
                      @row-click="rowChange"
                      :ref="'expandTable' + scope.row.fId"
                      :data="scope.row.CLDataList"
                      style="width: 100%"
                      height="100%"
                      v-loading="loading"
                    >
                      <el-table-column
                        type="index"
                        width="50"
                        label="序号"
                        align="center"
                      >
                      </el-table-column>
                      <el-table-column
                        min-width="140"
                        align="center"
                        prop="varietyName"
                        label="材料种类"
                        show-overflow-tooltip
                      >
                        <template slot-scope="scope">
                          <span
                          >
                            {{ scope.row.varietyName }}
                          </span>
                        </template>
                      </el-table-column>
                      <el-table-column
                        min-width="140"
                        align="center"
                        prop="materialName"
                        label="材料名称"
                        show-overflow-tooltip
                      >
                        <template slot-scope="scope">
                          <span
                            style="
                            color: #409eff
                              display: flex;
                              width: 100%;
                              justify-content: center;
                            "
                           @click="yj_viewForm(scope.row, '材料名称')"
                          >
                       
                            {{ scope.row.materialName }}
                          </span>
                        </template>
                      </el-table-column>
                      <el-table-column
                        min-width="80"
                        align="center"
                        prop="specificationName"
                        label="规格型号"
                        show-overflow-tooltip
                      >
                      </el-table-column>
                     
                    </el-table>
                  </div>
                </div>
              </template>
            </el-table-column>

          
            <el-table-column
              align="center"
              min-width="150"
              prop="fMerchantname"
              label="生产厂商"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span
                >
                  {{ scope.row.fMerchantname }}
                </span>
              </template>
            </el-table-column>

            <el-table-column
              align="center"
              min-width="100"
              prop="fUscc"
              label="统一社会信用代码"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              align="center"
              min-width="140"
              prop="fMerchantadree"
              label="生产厂家地址"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              align="center"
              min-width="100"
              prop="fCitations"
              label="被引用次数"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              align="center"
              min-width="140"
              prop="fNote"
              label="备注"
              show-overflow-tooltip
            >
          </el-table-column>
          </el-table>
          <div class="block" v-if="navigatepageNums > 1">
  
         

            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="getList.page"
              :page-size="getList.pageSize"
              :page-sizes="pageSizes"
              layout="total, sizes, prev, pager, next, jumper"
              :total="queryCriteriaData.total"
            >
            </el-pagination>
   
          </div>
        </div>
      </template>
    </TableLyout>
    <messageBox
      :showMsgBox="showMsgBox"
      :msgTip="msgTip"
      :msgType="msgType"
      @confirmMsg="confirmMsg"
      @confirmMsgs="confirmMsgs"
    ></messageBox>
  </div>
</template>
<script src="./index.js"></script>
<style scoped lang="less">
@import "./index.less";
</style>
